*{
	margin:0;
	padding:0;
}
a{
	color:#666;
	text-decoration: none;
}
a:hover{
	color:#368e4d;
}
img,a{
	transition:all 1s;
}
li{
	list-style: none;
}
.wp{
	width: 1200px;
	margin:0 auto;
}
.clear{
	clear:both;
	width: 100%;
}


/*顶部*/

.top{
	width:100%;
	background-color:#474e5c;
}
.top-p{
	display: inline-block;
	line-height: 30px;
	color:#fff;
	font-size:14px;
	float:left;
}
.top-p2{
	display: inline-block;
	float:right;
	color:#fff;
	font-size:14px;
	line-height:30px;
	text-indent:20px;
	background:url("../images/tel.png") no-repeat 0px 6px;
}

/*logo+nav*/
.logo{
	float:left;
}

.nav{
	float:right;
	display:inline-block;
}
.nav > li{
	float:left;
	height:50px;
	line-height:50px;
	width:133px;
	text-align:center;
	margin-top:40px;
	position:relative;
}
.nav-li-d{
	position:absolute;
	width:150px;
	padding:0 10px;
	left:-18.5px;
	top:50px;
	background-color:#fff;
	z-index:9999;
	display:none;
	box-shadow: 0 0 5px #cccc;

}
.nav-li-d > a{
	color:#333;
	font-size:14px;
	display:block;
	width:90%;
	padding:0 5%;
	text-align:center;
	line-height:40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.nav-li-d > a:hover{
	color:#009944;
}
.nav-a{
	color:#333;
	font-size:14px;
	padding-bottom:5px;
	transition:all 0s;
}
.nav>li:hover .nav-a{
	color:#333;
	border-bottom:1px solid #009944;
}
.nav>li:hover .nav-li-d{
	display:block;
}
.banner{
	width:100%;
}
.swiper-container {
    width: 100%;
    height: 500px;
    margin: 0px auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.xban{
	width:100%;
	background-color:#474e5c;
	height:143px;
}
.xb-d{
	width:300px;
	float:left;
	padding:30px 0 0 0;
}
.xb-d-i{
	float:left;
	margin-left:16px;
}
.xb-d > p{
	color:#fff;
	width:181px;
	height:40px;
	float:left;
	text-indent:10px;
	transition:all 1s;
}
.xb-d-p1{
	font-size:20px;
	line-height:60px;
}
.xb-d-p2{
	font-size:14px;
	line-height:30px;
}
.xb-d:hover .xb-d-i{
	transform:rotateY(360deg);
}
.xb-d:hover.xb-d > p{
	color:#009944;
	cursor: pointer;
}

/*首页产品中心*/
.spro{
	width:100%;
}
.wp-ti{
	width:100%;
	height:105px;
	background:url("../images/heng.png") no-repeat center;
	margin-top:30px;
}
.wp-ti h2{
	color:#333333;
	font-size:30px;
	font-weight: normal;
	text-align: center;
	height:80px;
	line-height:100px;
}
.wp-ti p{
	color:#333333;
	font-size:14px;
	width:100%;
	text-align:center;
}
.sprolist{
	width:100%;
	background-color: #f2f2f2;
}
.pro{
	width:100%;
	padding-top:50px;
}
.sp-le{
	float:left;
	width:264px;
}
.sp-le h3{
	color:#fff;
	height:72px;
	width:100%;
	text-align: center;
	line-height: 72px;
	font-size:24px;
	background-color:#474e5c;
	font-weight: normal;
}
.sp-le-ul{
	width:228px;
	padding:15px 18px 70px;
	background-color:#368e4d;
}
.sp-le-li{
	height:48px;
	border-bottom:1px solid #429758;
	width:100%;
	line-height:48px;
	text-indent: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sp-le-li:hover .sp-le-li-a{
	margin-left:20px;
}
.sp-le-li-a{
	color:#fff;
	font-size:16px;
}
.sp-le-li-a:hover{
	color:#fff;
}
.sp-ri{
	width:908px;
	float:left;
	margin-left:17px;
}
.sp-dl{
	width:288px;
	max-height:346px;
	float:left;
	margin-left:22px;
	margin-top:20px;
	background-color:#fff;
}
.sp-dt{
	width:100%;
	height:220px;
	overflow:hidden;
	position:relative;
}
.sp-dt > img{
	width:100%;
}
.ck{
	position: absolute;
	width:100%;
	height:220px;
	top:0;
	background-color:rgba(54,142,77,.6);
	transition: all .5s;
	text-align: center;
	opacity: 0;
}
.ck > img{
	width:30px;
	margin-top:95px;
}
.sp-dl:hover .ck{
	opacity: 1;
}
.sp-dl:hover .sp-dt > img{
	transform: scale(1.2);
}
.sp-dd > p{
	width:268px;
	margin:0 auto;
}
.sp-dd-p{
	color:#368e4d;
	font-size:16px;

	height:48px;
	line-height:48px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}
.sp-dd-p2{
	color:#686868;
	font-size:12px;
	line-height:25px;
	height:50px;
	overflow: hidden;
}
/*aboutus*/
.about{
	width:100%;
	background:url("../images/bg.jpg") no-repeat center;
}
.sab-con{
	width:1020px;
	line-height: 30px;
	color:#e1e1e1;
	font-size:14px;
	text-align:center;
	margin:0 auto;
}
.sab-conx{
	text-align:center;
}
.sab-conx-a{
	display:inline-block;
	margin:50px 40px 20px 40px;
}
.sab-conx-a p{
	color:#368e4d;
	font-size:14px;
	text-align: center;
	line-height:33px;
}

/*case*/
.ca{
	padding:40px 0;
}
.ca-d{
	float:left;
	width:281px;
	height:281px;
	margin-left:25px;
	position:relative;
	overflow: hidden;
}
.ca-d > a > img{
	width:100%;
	height:100%;
}
.ca-shadow{
	width:100%;
	height:100%;
	position:absolute;
	top:281px;
	transition:all .5s;
}
.ca-shadow-p{
	width:190px;
	line-height:25px;
	color:#fff;
	font-size:16px;
	text-align:center;
	margin:185px auto;
}
.ca-d:hover.ca-d > a > img{
	transform: scale(1.2);
}
.ca-d:hover .ca-shadow{
	top:0;
}
.ca-more{
	width:156px;
	height:42px;
	line-height:42px;
	text-align:center;
	border-radius: 22px;
	border:1px solid #368e4d;
	color:#368e4d;
	font-size:16px;
	display: block;
	margin:0 auto 50px;
}
.ca-more:hover{
	color:#fff;
	background-color:#368e4d;
}
/*方案咨询*/
.zx{
	background-color:#f6fbff;
}
.zx-le{
	width:360px;
	float:left;
}
.zx-le h2{
	color:#262626;
	font-size:24px;
	line-height:56px;
}
.zx-le-p{
	color:#5c5c5c;
	font-size:14px;
	line-height:25px;
	height:50px;
}
.zx-le-p2{
	width:100%;
	height:35px;
	line-height:35px;
	color:#5c5c5c;
	font-size:18px;
	text-indent:40px;
	background:url("../images/tel2.png") no-repeat left;
}
.zx-le-p2 span{
	color:#368e4d;
	font-size:25px;
	font-weight: bold;
}
.zx-fd{
	width:180px;
	float:left;
}
.zx-f{
	margin-top:20px;
}
.zx-fd > p,.zx-fd2 > p{
	color:#666666;
	font-size:14px;
	text-indent:10px;
	line-height:50px;
}
.zx-fd-i{
	width:163px;
	height:28px;
	border:1px solid #eee;
	margin-left:10px;
	background-color:#fff;
}
.zx-fd2 textarea{
	width:350px;
	height:28px;
	border:1px solid #eee;
	margin-left:10px;
	background-color:#fff;
}
.zx-f-s{
	width:351px;
	height:41px;
	text-align:center;
	line-height:41px;
	background-color: #368e4d;
	color:#fff;
	font-size:14px;
	border-radius: 2px;
	margin-left:10px;
	margin-top:20px;
	border:none;
}
.zx-le-p3{
	width:100%;
	text-indent: 10px;
	line-height:50px;
	color:#666666;
	font-size:14px;
}
.zx-ri{
	float:right;
}

/*news*/
.snew{
	margin-top:30px;
}
.sn-le{
	width: 510px;
	height:343px;
	float:left;
	overflow: hidden;
	position:relative;
}
.sn-le img{
	width:100%;
	height:100%;
}
.sn-le-p{
	color:#fff;
	background-color:rgba(0,0,0,.3);
	width:100%;
	height:48px;
	line-height:48px;
	text-indent: 15px;
	font-size:16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position:absolute;
	top:295px;
	transition: all 1s;
}
.sn-le:hover.sn-le img{
	transform: scale(1.2);
}
.sn-le:hover .sn-le-p{
	background-color:rgba(54,142,77,.6);
}
.sn-ri{
	width:668px;
	float:right;
}
.sn-dl{
	width:100%;
	height:55px;
	padding:17px 0;
	border-bottom: 1px solid #ececec;
}
.sn-dt{
	width:90px;
	border-right: 1px solid #ececec;
	float:left;
}
.sn-dt-p1{
	width:100%;
	height:30px;
	line-height: 30px;
	color:#368e4d;
	font-size:24px;
	text-indent:10px;
}
.sn-dt-p2{
	color:#666666;
	font-size:16px;
	height:24px;
	line-height:24px;
	text-indent:10px;
}
.sn-dd{
	width:450px;
	text-indent:30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#666;
	height:54px;
	line-height:60px;
}
.sn-dl:hover .sn-dd{
	color:#368e4d;
}
/*footer*/
.footer{
	padding:25px 0;
	background-color:#474e5c;
	width:100%;
}
.fo-le{
	width:600px;
	float:left;
}
.fo-le-p1,.fo-le-p2{
	width:100%;
	line-height:35px;
	color:#fff;
	font-size:14px;

}
.fo-le-p1 a,.fo-le-p2 a{
	color:#fff;
	padding:0 5px;
}
.fo-le-p2{
	border-bottom:1px solid #fff;
}
.fo-le-p3{
	line-height:38px;
	color:#fff;
	font-size:14px;
}
.fo-ri{
	float:right;
	margin-top:50px;
}
.fo-ri-wx{
	float:right;
	width:159px;
	height:159px;
	border:1px dashed #fff;
	padding:5px;
}
.fo-ri-wx img{
	width:100%;
}
.fo-ri-wxs{
	float:right;
	line-height:171px;
	color:#fff;
	width:200px;
	text-align:right;
	margin-right:10px;
}
/*位置*/
.weizhi{
	width:100%;
	background-color: #f6f6f6;
}
.wz-p{
	line-height:40px;
	font-size:14px;
	color:#666;
}
.sp-ri-ti{
	color:#fff;
	font-size:20px;
	font-weight: normal;
	line-height:50px;
    background-color: #474e5c;
    text-indent:20px;
}
.pr-p2{padding: 0 2%;width:96%;height:50px;border-bottom:1px dashed #ccc;font-size:13px;color:#333;}
.pr-p2-a{line-height: 50px;color:#333;width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;float:left;margin-left:10px;}
.pr-p2-a:hover{color:#368e4d;text-decoration: underline;}


.proshow{
	width:96%;
	padding:30px 2%;
	overflow:hidden;
}
.show-a1{
	display:inline-block;
	height:40px;
	line-height:40px;
	border:1px solid #f1f1f1;
	float:left;
	padding:0 20px;
	max-width:580px;
}
.show-a2{
	display:inline-block;
	height:40px;
	line-height:40px;
	border:1px solid #f1f1f1;
	float:right;
	padding:0 20px;
	max-width:580px;
}
.show-a1:hover{
	background-color:#368e4d;
	color:#fff;
}
.show-a2:hover{
	background-color:#368e4d;
	color:#fff;
}
/*pages*/
#pages { padding: 14px 0 10px; font-family: 瀹嬩綋; margin: 10px; } 

#pages a { font-size: 12px;display: inline-block; width: 26px; height: 22px; line-height: 22px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333 } 

#pages a.a1 { background: url(../images/search/admin_img/pages.png) no-repeat 0 5px; width: 56px; } 

#pages a:hover { background: #f1f1f1; color: #000; text-decoration: none; } 

#pages span { display: inline-block; width: 26px; height: 22px; line-height: 22px; background: #5a85b2; border: 1px solid #5a85b2; color: #fff; text-align: center; } 

.page .noPage { display: inline-block; width: 56px; height: 22px; line-height: 22px; background: url(../img/icu/titleBg.png) repeat-x 0 -55px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; } 